import Vue from 'vue'
import VueRouter from 'vue-router'
// import Page from '../views/page.vue'
import crosswisePage from '../views/crosswisePage.vue'
import verticalPage from '../views/verticalPage.vue'
import piePage from '../views/piePage.vue'
import ringPage from '../views/ringPage.vue'
import brokenPage from '../views/brokenPage.vue'
import mapPage from '../views/mapPage.vue'
import screenPage from '../views/screenPage.vue'

Vue.use(VueRouter)

const routes = [
 
  {
    path: '/',
    component: screenPage
  },
  {
    path: '/cross',
    component: crosswisePage
  },
  {
    path: '/vertical',
    component: verticalPage
  },
  {
    path: '/pie',
    component: piePage
  },
  {
    path: '/ring',
    component: ringPage
  },
  {
    path: '/broken',
    component: brokenPage
  },
  {
    path: '/map',
    component: mapPage
  },
]

const router = new VueRouter({
  routes
})

export default router
